<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container" id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-child"></i> <strong>游客信息</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home"></i>Home</a></li>
				<li>系统管理</li>
				<li class="active">游客</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="box box-info">
				<div class="box-header with-border">
					<i class="fa fa-th-list"></i>
					<h4 class="box-title">游客信息</h4>
				</div>
				<div class="box box-body">
					<input type="hidden" id="userId" th:value="${user.id}"/>
					<input type="hidden" id="pictureAddress" th:value="${pictureAddress}"/>
					<table class="table table-bordered">
						<tbody>
                            <tr>
                                <td width="62%" align="left" colspan="2"><h2>账户信息</h2>
                                </td>
                                <td width="60%" rowspan="7">
                                		<img id="userPic" src="../img/nopicture.png" width="200px;" height="auto"/>
                                </td>
                            </tr>
                            <tr>
                                <td width="8%" align="center">用户姓名:</td>
                                <td width="32%">
                                <label th:text="${user.name}"></label>
                                </td>
                            </tr>
                            <tr>
                                <td width="8%" align="center">性别:</td>
                                <td width="32%">
                                <label th:text="${user.sex}"></label>
                                </td>
                            </tr>
                            <tr>
                                <td width="8%" align="center">电话:</td>
                                <td width="32%">
                                <label th:text="${user.contactType}"></label>
                                </td>
                            </tr>
                            <tr>
                                <td width="8%" align="center">电邮:</td>
                                <td width="32%">
                                <label th:text="${user.email}"></label>
                                </td>
                            </tr>
                            <tr>
                                <td width="8%" align="center">备注:</td>
                                <td width="32%">
                                <label th:text="${user.memo}"></label>
                                </td>
                            </tr>
                            <tr>
                                <td width="8%" align="center">积分:</td>
                                <td width="32%">
                                <input id="beforeUpd" type="hidden"/>
                                <label id="userLable" th:text="${user.totalRewardValue}"></label>
                                </td>
                            </tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="box box-info">
				<div class="box-header with-border">
					<i class="fa fa-th-list"></i>
					<h4 class="box-title">处理历史</h4>
				</div>
				<div class="box box-body">
					<div class="row">
						<div class="col-md-9">
							<table width="100%" id="dataTable"
								class="mytable dataTable table-bordered text-center table-striped table-hover">
								<thead>
									<tr>
										<th width="5%">序号</th>
										<th width="20%">操作人</th>
										<th width="20%">操作时间</th>
										<th width="15%">备注</th>
										<th width="15%">积分</th>
										<th width="15%">操作</th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
						<div class="col-md-3">
							<div class="box-header with-border">
								<i class="fa fa-th-list"></i>
								<h4 class="box-title">积分处理</h4>
							</div>
							<div class="box box-body">
								<form id="addForm">
								<div class="modal-body">
									<input type="hidden" name="id" id="id" />
									<div class="form-horizontal">
										<div class="form-group">
											<label class="col-sm-4 control-label">处理分数</label>
											<div class="col-sm-8">
												<div class="col-md-11">
													<input class="form-control" type="number" name="rewardValue" id="rewardValue" datatype="*,*1-100" nullmsg="请输入处理分数！" />
												</div>
												<div class="col-md-1">
													<span style="color: #F00; fontsize: 30px">*</span>
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-4 control-label">详情</label>
											<div class="col-sm-8">
												<div class="col-md-11">
													<textArea class="form-control" id="details" rows="3" ></textArea>
												</div>
											</div>
										</div>
									</div>
								</div>
								</form>
								<div class="modal-footer">
									<button type="button" class="btn btn-info addBtn">添加</button>
									<button type="button" id ="editBtn" class="btn btn-warning editInfoBtn" disabled="disabled">编辑</button>
									<button type="button" class="btn btn-primary saveBtn" >保存</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<script th:src="@{/visitorRewardProcessing/visitorRewardProcessingSave.js}"></script>
	</div>
</body>
</html>